<div class="modal-header">
    {{multiLan?('选择储位'|translate):'选择储位'}}
    <i class="yb-icon ico-close" ng-click="cancel()"></i>
</div>
<div class="modal-body">
    <div class="pos-r" style="height: 380px;">
        <div style="display: flex;align-items: center;">
            <div style="width: 180px; float:left;">{{multiLan?('选择库区'|translate):'选择库区'}}</div>
            <div style="width: 250px;">{{multiLan?('选择储位'|translate):'选择储位'}}</div>
            <div class="input-group">
                <input class="form-control" placeholder="{{multiLan?('请输入储位'|translate):'请输入储位'}}" ng-model="locationSearchKey">
                <span class="input-group-addon cursor-pointer" ng-click="searchPlace()">{{ multiLan?('搜索'|translate):'搜索' }}</span>
            </div>
        </div>
        <div class="pos-a-full" style="top: 40px; border: solid  1px #ccc; width: 180px; overflow-y: auto">
            <ul>
                <li ng-if="areaList.length === 0" class="cursor-pointer wrapper-y-xs wrapper-x-sm">
                    {{multiLan?('暂无可选库区'|translate):'暂无可选库区'}}
                </li>
                <li class="cursor-pointer wrapper-y-xs wrapper-x-sm" ng-repeat="item in areaList track by $index"
                    ng-click="getPlace(areaList, $index)" ng-class="{'row-selected': item.selected}">
                    {{item.areaCode}}
                </li>
            </ul>
        </div>
        <div class="pos-a-full" style="top: 40px; bottom: 50px; left: 180px; border: solid  1px #ccc; overflow-y: auto;border-left:none;">
            <ul>
                <li ng-if="placeList.length === 0" class="cursor-pointer wrapper-y-xs wrapper-x-sm">
                    {{multiLan?('暂无可选储位'|translate):'暂无可选储位'}}
                </li>
                <li class="cursor-pointer wrapper-y-xs wrapper-x-sm" ng-repeat="item in placeList track by $index"
                    ng-click="selPlace(placeList, $index)" ng-class="{'row-selected': item.selected}">
                    {{item.locationCode}}
                </li>
            </ul>
        </div>
        <div class="pos-a-full wrapper-y-sm over-flow-h" style="top: auto;left: 180px;height: 50px;  border: solid  1px #ccc; overflow-y: auto;border-left:none; border-top:none">
            <div yb-page-info ng-model="pageInfo" yb-refresh="searchPlace()"></div>
        </div>
    </div>
</div>
<div class="modal-footer">
    <button class="btn btn-primary m-r-xs" ng-click="ok()">{{multiLan?('确定'|translate):'确定'}}</button>
    <button class="btn btn-default" ng-click="cancel()">{{multiLan?('取消'|translate):'取消'}}</button>
</div>